<template>
	<div class="xzcontact">
		<div class="top"></div>
		<!--<mt-header title="选择联系人"  class='head' >
		  <router-link to="/applyallocation" slot="left">
		     <i class="material-icons left_1" style="color: #fff;">chevron_left</i>
		  </router-link>
		</mt-header>-->
    <x-header  class='head' :left-options="{backText: ''}">选择收货人</x-header>
		<div class="seach">
			<input type="text" class="search" placeholder="请输入收货人姓名"/>
		</div>
		<scroller>
      <div class="kong"></div>
        <div class="info" @click='contact()'>
          <div class="info-c">
            <p>联系人姓名：<i style="color:#1a72b9 ;">张三</i></p><span>手机：<i>13413451341</i></span>
            <p>归属公司<i>上海XXXXXX</i></p><span>归属部门<i>执行部</i></span>
        </div>
      </div>
		</scroller>
	</div>
</template>

<script>
import { XHeader } from 'vux'
export default {
  components: {
    XHeader
  },
  data() {
    return {
      id: ''
    }
  },
  methods: {
    contact() {
      var router = this.$router
      localStorage.setItem('id', '张三')
      // router.push({name:'applyallocation',params:{id:'张三'}})
      router.push({ name: 'writedelorder' })
    }
  }
}
</script>

<style scoped>
.seach {
  height: 3.6rem;
  background: #1e82d2;
  position: fixed;
  top: 4.25rem;
  width: 100%;
  z-index: 9999;
}

.seach input {
  color: #fff;
}

.search {
  width: 92%;
  margin-left: 4%;
  margin-top: 0.8rem;
  background: #1a72b9;
  border: none;
  height: 2rem;
  text-align: center;
  line-height: 2rem;
}

.search::-webkit-input-placeholder {
  color: #fff;
  font-size: 0.8rem;
  line-height: 1.2rem;
}

.top {
  position: fixed;
  top: 0;
  width: 100%;
  height: 1.25rem;
  background: #1e82d2;
  z-index: 999999;
}

.head {
  position: fixed;
  top: 1.25rem;
  width: 100%;
  background: #1e82d2;
  font-size: 1.125rem;
  height: 3rem;
  z-index: 999999;
}

.kong {
  height: 7.85rem;
}

.info {
  width: 92%;
  margin-left: 4%;
  background: #fff;
  margin-top: 0.5rem;
  border-radius: 6px;
  min-height: 1rem;
}

.info-c {
  padding: 0.5rem;
  overflow: hidden;
  font-size: 0.8rem;
  line-height: 2rem;
}

.info-c p {
  display: inline-block;
  width: 50%;
}

.info-c span {
  display: inline-block;
  width: 50%;
}

i {
  font-style: normal;
}
</style>
